﻿  <%<hi:common_header runat="server" />%>
<form runat="server">
    <div class="main">
        <script src="http://res.juseshop.com/utility/validate/pagevalidator.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function () {

                $("#ForgotPassword_txt_Common_FindPassword_UserName").keydown(function (e) {
                    if (e.keyCode == 13) {
                        $('#ForgotPassword_btn_Common_FindPassword_NextButton').focus();
                        $('#ForgotPassword_btn_Common_FindPassword_NextButton').click();
                    }
                });

                $("#ForgotPassword_txtEmail").keydown(function (e) {
                    if (e.keyCode == 13) {
                        $('#ForgotPassword_btnEmail').focus();
                        $('#ForgotPassword_btnEmail').click();
                    }
                });

                $("#ForgotPassword_txt_Common_FindPassword_Answer").keydown(function (e) {
                    if (e.keyCode == 13) {
                        $('#ForgotPassword_btn_Common_FindPassword_BackButton').focus();
                        $('#ForgotPassword_btn_Common_FindPassword_BackButton').click();
                    }
                });

                $("#ForgotPassword_txtPassword").keydown(function (e) {
                    if (e.keyCode == 13) {
                        $('#ForgotPassword_btn_Common_FindPassword_FindButton').focus();
                        $('#ForgotPassword_btn_Common_FindPassword_FindButton').click();
                    }
                });

                $("#ForgotPassword_txtRePassword").keydown(function (e) {
                    if (e.keyCode == 13) {
                        $('#ForgotPassword_btn_Common_FindPassword_FindButton').focus();
                        $('#ForgotPassword_btn_Common_FindPassword_FindButton').click();
                    }
                });

            });
        </script>
        <style>
            .MessageSuccess {
                margin-left: 20px;
                font-size: 14px;
            }

            .btncss {
                font-size: 16px;
                margin-left: 15px;
            }
        </style>
        <div>
            <%<Hi:ValidatorContainer runat="server" ID="ValidatorContainer" />%>
            <div style="color:#DE3032;">
                <%<Hi:SmallStatusMessage id="Status" runat="server" width="200px" Visible="False" />%>
            </div>
            <!-- 输入用户名 -->
            <div id="htmDivUserName" runat="server" class="Forgot_out">
                <table width="960" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td valign="top" class="ForgotPW_pad">
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td class="ForgotPW_icon">
                                        <b>忘记密码了? 请按提示填写来重新获取密码。</b>
                                    </td>
                                </tr>
                            </table>
                            <table width="100%" border="0" align="center" style="margin-top: 15px;" cellpadding="0"
                                   cellspacing="0">
                                <tr>
                                    <td width="80" style="font-size:14px;">
                                        用户名：
                                    </td>
                                    <td width="303">
                                        <%<asp:TextBox ID="txtUserName" runat="server" CssClass="input2" Width="290px" />%>
                                    </td>
                                    <td style="text-align: left; padding-left: 4px; padding-right: 4px; padding-top: 4px;
                                        padding-bottom: 4px;">
                                        <div id="txtUserNameTip" runat="server" style="color:#DE3032;">
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td height="10" colspan="3" align="left"> </td>
                                </tr>
                                <tr>
                                    <td width="115" style="font-size:14px;">
                                        找回密码的方式：
                                    </td>
                                    <td>
                                        <%<asp:DropDownList ID="dropType" runat="server" CssClass="input3" />%>
                                    </td>
                                    <td style="text-align: left; padding-left: 4px; padding-right: 4px; padding-top: 4px;
                                        padding-bottom: 4px;"></td>
                                </tr>
                                <tr>
                                    <td colspan="3" style="margin-left:115px;">
                                        <%<asp:Button ID="btnCheckUserName" runat="server" OnClientClick="return PageIsValid('UserName')" CssClass="btncss_next" Text="下一步" />%>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="htmDivCellPhone" runat="server">
                <table width="950px" cellpadding="0" cellspacing="0" class="Forgot_out">
                    <tr style=" padding:15px 15px 1px 15px;">
                        <td colspan="3" class="ForgotPW_icon">
                            <b>正确输入手机验证码,点下一步,系统将允许您重新设置密码</b>
                        </td>
                    </tr>
                    <tr>
                        <td height="10" colspan="3" align="left"> </td>
                    </tr>
                    <tr style="padding:0px;">
                        <td width="115" align="right" height="33" style="font-size:14px; ">
                            您的手机号码：
                        </td>
                        <td style="text-align: left;">
                            <%<asp:Literal ID="litMobile" runat="server" />%>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td height="10" colspan="3" align="left"> </td>
                    </tr>
                    <tr style="padding:0px;">
                        <td align="right" height="33" style="font-size:14px; ">
                            手机验证码：
                        </td>
                        <td style="text-align: left;">
                            <%<asp:TextBox ID="txtMobileValid" runat="server" Height="28" />%><%<asp:Button ID="btnSendMobile" runat="server" CssClass="btncss" Text="发送验证码" Height="28" />%>
                        </td>
                        <td style="text-align: left;">
                            <div id="txtMobileValidTip" runat="server">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td style="text-align: left; height: 30px;">
                            <span style="float:left;margin-right:20px;"> <%<asp:Button ID="btnCheckMobile" runat="server" CssClass="btncss_next" Text="下一步" />%></span><span style="float:left"><%<asp:Button ID="btnPrev" runat="server" CssClass="btncss_next" Text="上一步" />%></span>
                        </td>
                        <td></td>
                    </tr>
                </table>
            </div>
            <div id="htmDivEmail" runat="server">
                <table width="950px" cellpadding="0" cellspacing="0" class="Forgot_out">
                    <tr style=" padding:15px 15px 1px 15px;">
                        <td colspan="3" class="ForgotPW_icon">
                            <b>正确输入邮箱验证码,点下一步,系统将允许您重新设置密码</b>
                        </td>
                    </tr>
                    <tr>
                        <td height="10" colspan="3" align="left"> </td>
                    </tr>
                    <tr style="padding:0px;">
                        <td width="115" align="right" height="33" style="font-size:14px; ">
                            您的电子邮箱：
                        </td>
                        <td style="text-align: left;">
                            <%<asp:Literal ID="litEmail" runat="server" />%>
                        </td>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td height="10" colspan="3" align="left"> </td>
                    </tr>
                    <tr style="padding:0px;">
                        <td style="font-size:14px; " align="right" height="33">
                            邮箱验证码：
                        </td>
                        <td style="text-align: left;">
                            <%<asp:TextBox ID="txtEmailValid" runat="server" Height="28" />%><%<asp:Button ID="btnSendEmail" runat="server" CssClass="btncss" Text="发送验证码" />%>
                        </td>
                        <td style="text-align: left;">
                            <div id="txtEmailValidTip" runat="server">
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td style="text-align: left; height: 30px;">
                            <span style="float:left; margin-right:20px;"> <%<asp:Button ID="btnCheckEmail" runat="server" CssClass="btncss_next" Text="下一步" />%></span><span style="float:left"><%<asp:Button ID="btnPrev2" runat="server" CssClass="btncss_next" Text="上一步" />%></span>
                        </td>
                        <td></td>
                    </tr>
                </table>
            </div>
            <!-- 问题答案 -->
            <div id="htmDivQuestionAndAnswer" runat="server">
                <table width="950px" cellpadding="0" cellspacing="0" class="Forgot_out">
                    <tr style=" padding:15px 15px 1px 15px;">
                        <td colspan="3" class="ForgotPW_icon">
                            <b>正确回答下面的问题,点下一步,系统将允许您重新设置密码</b>
                        </td>
                    </tr>
                    <!-- 找回密码问题-->
                    <tr style="padding:0px;">
                        <td width="115" align="right" height="33" style="font-size:14px; ">
                            问题：
                        </td>
                        <td style="text-align: left;">
                            <%<asp:Literal ID="litUserQuestion" runat="server" />%>
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td height="10" colspan="3" align="left"> </td>
                    </tr>
                    <!-- 找回密码答案-->
                    <tr style="padding:0px;">
                        <td align="right" height="33" style="font-size:14px; ">
                            答案：
                        </td>
                        <td style="text-align: left;">
                            <%<asp:TextBox ID="txtUserAnswer" runat="server" Width="168px" CssClass="input2" AutoCompleteType="Disabled" />%>
                            <span style="color: Red;">
                                <%<asp:Literal runat="server" Id="litAnswerMessage" Text="*您所填写密保答案和当前用户密保答案不符" /> %>
                            </span>
                        </td>
                        <td style="padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;"></td>
                    </tr>

                    <tr>
                        <td></td>
                        <td colspan="2" style="text-align: left; padding-top: 10px;"></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td style="text-align: left; height: 30px;">
                            <span style="float:left;margin-right:20px;"> <%<asp:Button ID="btnCheckAnswer" runat="server" CssClass="btncss_next" Text="下一步" />%></span><span style="float:left"><%<asp:Button ID="btnPrev3" runat="server" CssClass="btncss_next" Text="上一步" />%></span>
                        </td>
                        <td></td>
                    </tr>
                </table>
            </div>
            <!-- 重新设置密码 -->
            <div class="Forgot_out" id="htmDivPassword" runat="server">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr valign="middle">
                        <td width="18%" align="right" style="font-size:14px; " class="ForgotPW_icon">
                            <b>请重新设置密码</b>
                        </td>
                        <td width="82%" valign="middle" class="ForgotPW_icon">&nbsp;</td>
                    </tr>
                    <tr>
                        <td height="10" colspan="3" align="left"> </td>
                    </tr>
                    <tr valign="middle">
                        <td align="right" style="font-size:14px; ">
                            登录密码：
                        </td>
                        <td>
                            <%<asp:TextBox ID="txtPassword" runat="server" TextMode="Password" CssClass="input2" />%>
                            <span id="txtPasswordTip" runat="server" style="color:#DE3032;"></span>
                        </td>
                    </tr>
                    <tr>
                        <td height="10" colspan="3" align="left"> </td>
                    </tr>
                    <tr valign="middle">
                        <td align="right">
                            确认登录密码：
                        </td>
                        <td>
                            <%<asp:TextBox ID="txtRePassword" runat="server" TextMode="Password" CssClass="input2" />%>
                            <span id="txtRePasswordTip" runat="server" style="color:#DE3032;"></span>
                        </td>
                    </tr>
                    <tr>
                        <td></td>
                        <td style="text-align: left; height: 30px; ">
                            <%<asp:Button ID="btnSetPassword" CssClass="btncss_next" OnClientClick="return PageIsValid('Password')" Text="确认修改" runat="server" />%>
                        </td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>

        <script type="text/javascript" language="javascript">
            function InitValidators() {
                initValid(new InputValidator('ForgotPassword_txtUserName', 1, 30, false, null, '用户名在1-60个字符之间'))
                initValid(new InputValidator('ForgotPassword_txtEmail', 4, 256, false, '[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\.[\\w-]+)+', '请输入正确电子邮件，长度在4-256个字符以内'));
                initValid(new InputValidator('ForgotPassword_txtPassword', 6, 60, false, null, '密码6-60位'))
                initValid(new InputValidator('ForgotPassword_txtRePassword', 6, 60, false, null, '密码6-60位'))
            }
            $(document).ready(function () { InitValidators(); });
        </script>

    </div>
</form>
<%<hi:common_footer runat="server" />%>
